<div class="col-xs-12" style = "background: #CEE3F6"><h4>Detalles</h4><br/>
	<div id= "formArea" class="col-xs-12">
		<form id="commonform" role="form" enctype="multipart/form-data">
			<div class="form-group">
 
<?php
	include "conexion_bd.php";
	$mysqli->set_charset("utf8");
	$r = $mysqli->query("SELECT * FROM ".$_POST["tabla"]." WHERE ".$_POST["campo"]."='".$_POST["dato"]."';");

	if ($_POST["tabla"]=="rol")
			$labels= array("ID", "Nombre", "Cedula", "Fecha Inicio", "Fecha Final");
		else if ($_POST["tabla"]=="asignatura")
			$labels= array("Codigo", "Semestre", "Nombre", "Unidades de Credito", "Tipo", "Opcion Profesional", "Adscrito",
						"Ofertada");
		else if ($_POST["tabla"]=="horario")
			$labels= array("ID", "Seccion", "Semestre", "Hora", "Dia", "Programacion Docente Semestre");	
		else if ($_POST["tabla"]=="centro_de_investigacion")
			$labels= array("ID", "Nombre");		
		else if ($_POST["tabla"]=="persona")
		{
			$labels= array("CI", "Primer Nombre", "Segundo Nombre", "Primer Apellido", "Segundo Apellido", "Sexo", "Direccion", "Telefono 1",
						"Telefono 2", "Correo Institucional", "Correo Alternativo", "Tipo");

			print '
					<div class="row">
						<div class="col-md-12">
							<p>
							<button type="button" id="UpMore" class="btn btn-primary btn-sm btn-block">Más Información</button>
							</p>
						</div>
					</div>
					';
		}

	while ($fila = $r->fetch_assoc())
	{

		$dato_actual= current($fila);

		for ($i= 0; $i < sizeof($labels); $i++)
		{
			print '<label for='.$labels[$i].'>'.$labels[$i].'</label>
				<input type="text" class="form-control" id="'.$labels[$i].'" name="'.$labels[$i].'" 
				placeholder="'.$dato_actual.'" disabled>';

			$dato_actual= next($fila);
		}
		
	}

	if ($_POST["tabla"]=="persona")
	{
		print '
				<br><br>
				<div class="row">
					<div class="col-md-12">
						<p>
							<button type="button" id="BottomMore" class="btn btn-primary btn-sm btn-block">Más Información</button>
						</p>
					</div>
				</div>
				';

	}
?>
			<script type="text/javascript">

				var more= false;

				$("#UpMore").click(function()
				{
					var tipo= document.getElementById("Tipo").value;
					
					if (more==false)
					{
						more= true;

						confirm("Mostrando mas informacion de un  "+tipo);
					}
					else
					{
						more= false;

						confirm("Mostrando menos informacion de un  "+tipo);
					}
					
				});


			</script>

			</div>
		</form>
	</div>
</div>
